<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
    body{
        background-image:url(images/55.jpeg);
        background-repeat: no-repeat;
        background-position:50% -80%;
        left:0px;
        top:0px;
        z-index:1;
        display: block;
    }
    .global{
        z-index:2;
        background-color: rgba(0,0,0,0.25);
        width: 400px;
        height: 450px;
        margin-left: 40%;
        margin-top: 11%;
        border-radius: 10px;
        text-align: center;
    }
   /* h4{
    	text-align: center;
    	color: #fff;
    	line-height: 180px;
    }*/
    label{
    	color: #fff;
    	margin-bottom: 20px;
    }
    button{
    	margin: auto;
    	margin-left: 5px;
    	margin-right: 5px;
    	padding: 8px 40px;

    }
    </style>
</head>
<body>
<div class="global">
<h4 style="color:#fff; line-height:30px; text-align:center; font-size:22px; margin-bottom:70px; padding-top:50px;">用户登录</h4>
<form style="text-align:center; font-size:21px; line-height:20px;">
<label for="用户名">用户名：</label >
<input type="text" placeholder="请输入用户名" style="margin-bottom:40px; padding:5px 10px;" />
<br/>
<label for="密码">密 &nbsp; 码：</label>
<input type="text" placeholder="请输入密码" style="margin-bottom:80px; padding:5px 10px;"/>
<br/>
<button type="button" style="background-color:#87CEEB;">登录</button>
<button type="button" style="background-color:	#A9A9A9;">注册</button>

</form>
</div>
</body>
</html>